<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .span_text{
            font-size: small;
            color: #b4b1b1;
        }
        a{text-decoration:none}
        /*鼠标点击前*/
        a:link {
            color: #313030;
        }
        /*鼠标点击过后*/
        a:visited {
            color: #313030;
        }
        /*鼠标悬停时*/
        a:hover {
            color:#f99e01;
        }

        /*鼠标点击中*/
        a:active {
            color:#313030;
        }
    </style>
</head>
<body>
<div style="width: 100%;">
    <ul th:each="b:${pageInfo.list}">
        <li style="float: left;width: 30%;list-style-type:none;">
            <div class="img" style="float: left;width: 40%;height: auto">
                    <a th:href="@{/book/showBookInfo(blId=${b.blId})}">
                        <div style="border: 1px #e8e6e6 solid; width:110px;height:147px">
                            <img th:if="${b.fileInfo==null}" src="../../img/logo.jpg" alt="书籍封面" width="110px" height="147px" >
                            <img th:if="${b.fileInfo!=null}" th:src="'../../upload/'+${b.fileInfo.fUrl}" alt="书籍封面" width="110px" height="147px" >
                        </div>
                    </a>
            </div>
            <div class="text" style="width: 100%;height: auto;">
                <span>
                    <a th:href="@{/book/showBookInfo(blId=${b.blId})}" th:text="${b.blName}"></a>
                </span>
                <br>
                <span>
                    <em style="border: 1px solid" class="span_text" th:text="${b.type.tName}"></em>
                    &nbsp;&nbsp;&nbsp;&nbsp;<span class="span_text" th:if="${b.blSpeed==1}">连载中</span>
                    <span class="span_text" th:if="${b.blSpeed==0}">已完结</span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="span_text" th:if="${b.sumNum<10000}" th:text="${b.sumNum+'字'}"></span><span class="span_text" th:if="${b.sumNum>=10000}" th:text="${b.sumNum/10000.0+'万字'}"></span>
                </span>
                <br>
               <br>
                <p>
                    <span class="span_text">
                        <th:block th:text="${b.author.aName}"></th:block>&nbsp;&nbsp;<br>
                        <th:block th:text="${b.newDate}+'更新'"></th:block>
                    </span>
                </p>
            </div>
        </li>
    </ul>
</div>
<!--<div style="display:inline-block;width: 100%;text-align: center" th:include="common/tuwenpage"></div>-->
<div style="display:inline-block;width: 100%;text-align: center" th:include="common/typepage"></div>
</body>
</html>